html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  body{margin:0.5rem;
    background-image:url(../img/galaxy.jpg);
  }
.wrapper{display:flex;
    flex-flow: row nowrap;
width:80%;
margin:0 auto;
padding:0.3rem;
border:1px solid black;
border-radius: 10px;
background-color: rgb(245, 151, 167);
}


section{flex-basis: 60%;
}
aside{flex-basis: 30%;
    
    
    
    margin:1rem;
}
header{margin: 0 0 0 0.5rem;
    padding:0;
    font-size:1.5rem;
}
h1, h3{border:1px solid black;
    border-bottom: 3px solid black;
    border-radius: 10px;
    width:18rem;
    padding:0.3rem;
    text-align: center;
    background-color: rgb(253, 78, 107);
    font-family: "Pacifico", cursive;
}
h3{margin:0 auto;
    margin-bottom: 1rem;

}
legend{font-size:1.5rem;
    font-family:"Courgette", cursive;
    border-radius:10px;
    border: 1px solid black;
    padding:0.5rem;

}
fieldset{margin:0.5rem;
    border-radius: 10px;
    border: 1px solid black;
    border-bottom:3px solid black;
}
label{display:block;
    margin:0.5rem;
    font-size:1rem;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
}
textarea{border-radius: 10px;
    border: 1px solid black;
    height:10rem;
    padding:1rem;
    width:30rem;
}
button{display:block;
    border-radius: 10rem;
    background-color:rgb(228, 0, 133);
    color:black;
    margin:0 auto ;
    padding:0.5rem 1rem ;
    text-align: center;
}
input, select{border:1px solid black;
    border-radius: 10px;
    padding:0.5rem;
}
option{
    font-size:1rem;
}
iframe{border-radius: 10px;
padding:1rem;
}